<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电脑壁纸</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
</head>
<body >
    <div id="main">
        <!-- <div class="img-wrap"><img src="" alt="" srcset=""></div><div class="img-wrap"><img src="" alt="" srcset=""> </div><div class="img-wrap"></div> -->
    </div>
    <div id="menu">
        <div class="menu-1" onclick="showHiddenPupup()">
            <i class="iconfont icon-caidan"></i>
        </div>
    </div>

    <div id="beian">
        <a href="https://beian.miit.gov.cn/" target="_blank">鄂ICP备20014354号-1</a>
    </div>

    <!-- 弹框 -->
    <div id="popup">
        <div class="popup-box">
            <div class="popup-header">
                <div style="width: 10%"></div>
                <h2>电脑壁纸</h2>
                <div  id="close" onclick="showHiddenPupup()">
                    <i class="iconfont icon-guanbi"></i>
                </div>
            </div>
            <div class="ul">
                <div class="li li-img active">图片</div>
                <div class="li li-about">说明</div>
            </div>
            <div class="li-img-box">
                <div>
                    <input type="text" name="" id="">
                    <button onclick="search()">搜索</button>
                </div>
                <div id="li-category">
                    <!-- <div onclick="getCategory()"></div> -->
                </div>
            </div>
            <div class="li-about-box">
                <div class="bold">感谢</div>
                <div><a href="https://mkblog.cn/581/">https://mkblog.cn/581/</a> 孟坤博客</div>
                <div><a href="https://www.cnblogs.com/AngelTp/p/13578156.html">https://www.cnblogs.com/AngelTp/p/13578156.html</a>cnblogs 陌客</div>
                <div class="bold ma-t-20">数据来源</div>
                <div>360壁纸库、必应首页壁纸以及金山词霸开放平台</div>
            </div>
        </div>
    </div>
    <!-- 壁纸详情 -->
    <div id="bigImg">
            <div class="wrapImg">
                <img src="" alt="" srcset="" onclick="lockImg()">
                <div class="menu">
                    长按图片可保存哦
                </div>
            </div>
        <div class="mask"  onclick="lockImg()"></div>
    </div>
</body>
</html>
<script src="js/jquery.min.js"></script>
<script src="js/script.js"></script>